<!DOCTYPE html>
<html>
<head>
  <title>DenCarToken</title>
  <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'>
  <script src="./app.js"></script>

</head>
<body>
  <h1>DenCarToken</h1>
  <h2>Example Dapp</h2>
  <h3>Your address: <span class="black"><span id="address"></span></span></h3>
  <h3>You have <span class="black"><span id="ETHbalance"></span></span><span> ETH</span><span id="balance" style="margin-left:50px"></span> DDT</span><p><span>Your name:</span><span id="name" class="black" style=""></span><span style="margin-left:50px">Your phone:</span><span id="phone" class="black" style=""></span></p></h3>
  <br>

  <div id="go_distance">
  <h1>Go Taxi</h1>
  <div><h2>Input distance</h2>
  <h3>1DDT per km</h3></div>
  <br><label for="distance">distance:</label><input type="text" id="distance" ></input>
  <br><br><button  onclick="App.getPrice()">show price</button>
  <br><br>
  <br>
  </div>

  <div id="go_pre" style="display: none">
  <h1>Go Taxi</h1>
  <div><h2>price: <span id="price" class="black"></span><span id="price" class="black">DDT</span></h2></div>
  <h2>Driver: <span id="dr_id" class="black"></span></h2>
 
  <div id="driver" style="margin-top:-10px">
  <h3>name:<span id="dr_name" class="black" style=""></span>
    phone:<span id="dr_phone" class="black" style=""></span>
    carBrand:<span id="dr_carBrand" class="black" style=""></span>

    plateNumber:<span id="dr_plate" class="black" style=""></span>
  </h3>
  </div>
  <br><br><button  onclick="App.Pay()">Pay</button>
  <br><br>
  <br>
  </div>

  <div id="set_comment" style="display: none">
  <h1>Go Taxi</h1>
  <div><h2>Give your comment for the driver</h2></div>
  <br><label for="comment">comment:</label><input type="text" id="comment" ></input>
  <br><label for="comment">star:</label><input type="text" id="star" placeholder="0-5 star"></input>

  <br><br><button  onclick="App.comment()">Complete!</button>
  <br><br>
  <br>
  </div>

  <h1>Buy DDT</h1>
  <div><h2>You can buy DDT for 5000 per ETH</h2></div>
  <br><label for="buyAmount">Amount:</label><input type="text" id="buyAmount" placeholder="e.g., 1 ETH"></input>
  <br><br><button  onclick="App.BuyCoin()">Buy</button>
  <br><br>
  <br>

  <h1>Sell DDT</h1>
  <div><h2>You can Sell Out DDT for 5000 per ETH</h2></div>
  <br><label for="SellAmount">Amount:</label><input type="text" id="SellAmount" placeholder="e.g., 5000 DDT"></input>
  <br><br><button  onclick="App.SellCoin()">Sell</button>
  <br><br>
  <br>

  <h1>Send DDT</h1>
  <br><label for="amount">Amount:</label><input type="text" id="amount" placeholder="e.g., 1000"></input>
  <br><label for="receiver">To Address:</label><input type="text" id="receiver" placeholder="e.g., 0x93e66d9baea28c17d9fc393b53e3fbdd76899dae"></input>
  <br><br><button id="send" onclick="App.sendCoin()">Send DDT</button>
  <br><br>

  <h1>User Register</h1>
  <div><h2>Input Your Info To Register</h2></div>
  <br><label for="amount">Name:</label><input type="text" id="UserName" placeholder="e.g., hank"></input>
  <br><label for="receiver">Phone Number:</label><input type="text" id="UserPhone" placeholder="e.g., 13121978864"></input>
  <br><br><button id="send" onclick="App.UserRegister()">Register</button>
  <br><br>


<!-- <button  onclick="App.DriverRegister()">Driver</button> -->
  <span id="status"></span>
  <br>
  <span class="hint"><strong>Hint:</strong> open the browser developer console to view any errors and warnings.</span>
</body>

</html>
